@charset "utf-8";
/* 
	CSS Document 
	Author : Albadr
*/


/*====================================HEADER=============================================*/
#headerwrapper{
	width:100%;
}
#headerbgfx{
	position:absolute;
	margin:-5px;
	overflow:hidden;
	z-index:-1;
	background-image:url(../images/bgfx.png);
	background-repeat:no-repeat;
	width:100%;
	height:600px;
}

#footooheader
{
	position:relative;
	background-image:url(../images/header.png);
	text-align: center;
	margin:0 auto;
	height:188px;
	width:940px;
	background-repeat:no-repeat;
}

#footoologo{
	position:absolute;
	z-index:1;
	float:left;
	height:80px;
	width:300px;
}
#footoologo a{
	background-image:	url(../images/footoologo.png);
	background-repeat:no-repeat;
	margin-top:20px;
	margin-left:100px;
	float:left;
	height:80px;
	width:80px;
}
#footoologo a:hover{
	background-image:url(../images/footoologohover.png);
	background-repeat:no-repeat;
}
#loginarea
{
	position:absolute;
	right:0px;
	margin: 25px 25px 0 auto;
	float:right;
	text-align:right;
}
#logprofpicarea{
	position:absolute;
	margin-top:20px;
	float:right;
	width: 940px;
	height:160px;
}
#profpicarea{
	width: 600px;
	float:right;
	text-align:right;
}
#profpic{
	max-height:150px;
	max-width:300px;
}
table.logouttable{
	font-family:"Segoe UI";
	float:right;
	margin-right:25px;
}
td.logouttd{
	width:200px;
	padding-right:10px;
	text-align:right;
	color:#FFF;
}
a.logoutButton{
	color:#FFF;
	font-size:18px;
}

/*====================================MENU-MENU=============================================*/

#footoomenu{
	background-image:url(../images/headermenu.png);
	text-align: center;
	margin:0 auto;
	height:77px;
	width:940px;
	background-repeat:no-repeat;
	font-family:"Segoe UI";
}
#footoomenu ul{
	height:77px;
	width:685px;
	float:right;
	list-style:none;
}
#footoomenu ul li{
	padding:0;
	margin:0;
	display:inline-block;
}

#footoomenu ul li a{
	float: left;
	display: block;
	font-size: 20px;
	width: 122px;
	height: 33px;
	padding-top: 7px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	outline: none;
}
#footoomenu ul li a:hover, #footoomenu ul .current {
    color: #000;
    background: url(../images/menu_hover.png) no-repeat center top;
}




/*====================================TRANSISI=============================================*/
#headerfixer{
	margin:0;padding:0;
}
#headermirror{
	background-image:url(../images/headermirror.png);
	background-repeat:no-repeat;
	height:70px;
	text-align: right;
	margin:0 auto;
	width:940px;
	padding:0px;
}

#searchbox{
	position:absolute;
	float:right;
	height:60px;
	width:900px;
	text-align:right;
}
.searchselect{
	margin-top:20px;
	float:right;
	width:100px;
	height:44px;
}
div.searchtext{
	margin-top:20px;
	float:right;
	width:420px;
	height:44px;	
}
div.searchbutton{
	margin-top:20px;
	margin-right:10px;
	float:right;
	width:44px;
	height:44px;			
}
input.searchtext{
	background:transparent;
	background-image:url(../images/bgwhitev70.png);
	height:35px;width:400px;
	font-size:22px;
	font-family:"Segoe UI";
	color:#999;
}
#searchbutton{
	background-image:url(../images/Search.png);
	background-repeat:no-repeat;
	background-position:center;
	border:solid 2px;
	border-color:#CCC;
	cursor:pointer;
	width:40px;
	height:40px;
}


/*========================================NOTIFI================================*/
#notification{
	position:absolute;
	min-height:150px;width:300px;
	height:auto;overflow:auto;
	background-color:#333;
	color:#FFF;
	text-align:left;
	z-index:3;
	padding:8px;
	font-family:"Segoe UI";
	border:solid 2px #666;
	margin-top:30px;
	margin-left:60px;
	display:none;
}
#notifbutton{
	z-index:2;
	position:absolute;
	font-family:"Segoe UI";
	margin-top:30px;
	margin-left:60px;
}